<template>
	<view class="detail-ap">
		<view class="tabList">
			<v-tabs v-model="tabCurrent" :scroll="false" :tabs="tabList" @change="tabChange"></v-tabs>
		</view>
		<scroll-view scroll-y class="main">
			<view class="mian-title">
				<view class="xq_title">
					出土项目申报
				</view>
				<view class="xq_type" v-if="detailList.isClosed==0">
					当前节点：{{nodeName}}
				</view>
				<view class="" style="padding: 36rpx;" v-if="detailList.isClosed==0">
					<steps :steps='numList' :current="stepsnumber"></steps>
					<!-- <u-steps :list="numList" :current="stepsnumber" mode="dot"></u-steps> -->
				</view>
			</view>
			<swiper class="mian-content" :current="tabCurrent" @change="changesw">
				<swiper-item class="swiper-item">
					<view class="forms">
						<view class="Category_title">
							<view class="line"></view>出土项目信息
						</view>
						<view class="items" v-if="finnished">
							<view class="field">

							</view>
							<view class="content" style="color: #2979FF;">
								pdf已生成
							</view>
						</view>
						<view class="items">
							<view class="field">
								申请人
							</view>
							<view class="content">
								{{detailmsg.reportPerson || '暂无' }}
							</view>
						</view>
						<view class="items">
							<view class="field">
								联系方式
							</view>
							<view class="content">
								{{detailmsg.reportPersonNumber || '暂无' }}
							</view>
						</view>
						<view class="items">
							<view class="field">
								身份证号码
							</view>
							<view class="content">
								{{detailmsg.reportPersonIdcard || '暂无' }}
							</view>
						</view>
						<view class="items">
							<view class="field" :class="[checkop==1?'edit-field':'']">
								出土项目名称
							</view>
							<view class="content" style="color: #363A44;" v-if="checkop==1">
								<textarea @input="inputsName" :enableNative="false" rows="3" cols="20"
									:value="detailmsg.siteName" placeholder="暂无" />
							</view>
							<view class="content" v-else>
								{{detailmsg.siteName || '暂无' }}
							</view>
						</view>
						<view class="items">
							<view class="field">
								所在街镇
							</view>
							<view class="content">
								{{detailmsg.street || '暂无' }}
							</view>
						</view>
						<view class="items">
							<view class="field">
								场地地址
							</view>
							<view class="content">
								{{detailmsg.siteAddress || '暂无' }}
							</view>
						</view>
						<view class="items">
							<view class="field">
								具体地址
							</view>
							<view class="content">
								{{detailmsg.siteDetailAddress || '暂无' }}
							</view>
						</view>
						<view class="items" @click="navigationToEvent" v-if="stepsnumber==1 && checkop==1">
							<view class="field" :class="[checkop==1?'edit-field':'']">
								四至范围
							</view>
							<img class="arrow" src="/static/arrow.png">
						</view>
						<view class="items" v-else>
							<view class="field" :class="[checkop==1?'edit-field':'']">
								四至范围
							</view>
							<view class="content">
								<span v-if="path!=1">已绘制</span>
							</view>
							<!-- <img class="arrow" src="/static/arrow.png"> -->
						</view>

						<view class="map-panel" v-if="path!=1">

							<map-view :polygons="polygons" :center="center" :area="mapArea"></map-view>
						</view>
						<view class="items">
							<view class="field" :class="[checkop==1?'edit-field':'']">
								主管部门
							</view>
							<view style="color: rgb(54, 58, 68);" v-if="checkop==1" @click="choseDep()">
								{{detailmsg.competentDepartment || '请选择' }}
							</view>
							<view class="content" v-else>
								{{detailmsg.competentDepartment || '暂无' }}
							</view>
						</view>
						<view class="items">
							<view class="field" :class="[checkop==1?'edit-field':'']">
								出土开始时间
							</view>
							<view class="content" @click="showcalendar = true" style="color: #363A44;"
								v-if="checkop==1">
								{{time || '暂无' }}
							</view>
							<view class="content" v-else>
								{{time || '暂无' }}
							</view>

						</view>
						<view class="items">
							<view class="field" :class="[checkop==1?'edit-field':'']">
								预计结束时间
							</view>
							<view class="content" @click="showcalendar = true" style="color: #363A44;"
								v-if="checkop==1">
								{{time1 || '暂无' }}
							</view>
							<view class="content" v-else>
								{{time1 || '暂无' }}
							</view>

						</view>

						<view class="items" style="background-color:#E7F3FF ;width: 750rpx;margin-left: -26rpx;">
							<view class="field">

							</view>
							<view class="content" style="margin-left: 170rpx;">
								总量
							</view>
							<view class="content">
								本年度量
							</view>
						</view>
						<view class="items" style="flex-direction: column;">
							<view class="" style="display: flex;">
								<view class="field" :class="[checkop==1?'edit-field':'']" style="width: 392rpx;">
									渣土(m³)
								</view>
								<view class="content" style="color: #363A44;">
									<input :enableNative="false" :value="detailmsg.muckEarthQuantity1" type="text"
										placeholder="0" @input="inputs" :disabled="inputed" />
								</view>
								<view class="content" style="color: #363A44;">
									<input :enableNative="false" :value="detailmsg.muckEarthQuantity2" type="text"
										placeholder="0" @input="input_year" :disabled="inputed" />
								</view>
							</view>
							<view class="red_line" v-if="redshow1">
								应小于等于总量
							</view>
						</view>
						<view class="items" style="flex-direction: column;">
							<view class="" style="display: flex;">
								<view class="field" :class="[checkop==1?'edit-field':'']" style="width: 392rpx;">
									黄土(m³)
								</view>
								<view class="content" style="color: #363A44;">
									<input :enableNative="false" :value="detailmsg.loessEarthQuantity1" type="text"
										placeholder="0" @input="inputs1" :disabled="inputed" />
								</view>
								<view class="content" style="color: #363A44;">
									<input :enableNative="false" :value="detailmsg.loessEarthQuantity2" type="text"
										placeholder="0" @input="input_year1" :disabled="inputed" />
								</view>
							</view>
							<view class="red_line" v-if="redshow2">
								应小于等于总量
							</view>
						</view>
						<view class="items" style="flex-direction: column;">
							<view class="" style="display: flex;">
								<view class="field" :class="[checkop==1?'edit-field':'']" style="width: 392rpx;">
									种植土(m³)
								</view>
								<view class="content" style="color: #363A44;">
									<input :enableNative="false" :value="detailmsg.plantingSoilEarthQuantity1"
										type="text" placeholder="0" @input="inputs2" :disabled="inputed" />
								</view>
								<view class="content" style="color: #363A44;">
									<input :enableNative="false" :value="detailmsg.plantingSoilEarthQuantity2"
										type="text" placeholder="0" @input="input_year2" :disabled="inputed" />
								</view>
							</view>
							<view class="red_line" v-if="redshow3">
								应小于等于总量
							</view>
						</view>
						<view class="items" style="flex-direction: column;">
							<view class="" style="display: flex;">
								<view class="field" :class="[checkop==1?'edit-field':'']" style="width: 392rpx;">
									泥浆(m³)
								</view>
								<view class="content" style="color: #363A44;">
									<input :enableNative="false" :value="detailmsg.slurryEarthQuantity1" type="text"
										placeholder="0" @input="inputs3" :disabled="inputed" />
								</view>
								<view class="content" style="color: #363A44;">
									<input :enableNative="false" :value="detailmsg.slurryEarthQuantity2" type="text"
										placeholder="0" @input="input_year3" :disabled="inputed" />
								</view>
							</view>
							<view class="red_line" v-if="redshow4">
								应小于等于总量
							</view>
						</view>
						<view class="items" style="flex-direction: column;">
							<view class="" style="display: flex;">
								<view class="field" :class="[checkop==1?'edit-field':'']" style="width: 392rpx;">
									建筑废砖(m³)
								</view>
								<view class="content" style="color: #363A44;">
									<input :enableNative="false" :value="detailmsg.wasterEarthQuantity1" type="text"
										placeholder="0" @input="inputs4" :disabled="inputed" />
								</view>
								<view class="content" style="color: #363A44;">
									<input :enableNative="false" :value="detailmsg.wasterEarthQuantity2" type="text"
										placeholder="0" @input="input_year4" :disabled="inputed" />
								</view>
							</view>

							<view class="red_line" v-if="redshow5">
								应小于等于总量
							</view>
						</view>
						<view class="items" style="flex-direction: column;">
							<view class="" style="display: flex;">
								<view class="field" :class="[checkop==1?'edit-field':'']" style="width: 392rpx;">
									宕渣(m³)
								</view>
								<view class="content" style="color: #363A44;">
									<input :enableNative="false" :value="detailmsg.dangEarthQuantity1" type="text"
										placeholder="0" @input="inputs7" :disabled="inputed" />
								</view>
								<view class="content" style="color: #363A44;">
									<input :enableNative="false" :value="detailmsg.dangEarthQuantity2" type="text"
										placeholder="0" @input="input_year7" :disabled="inputed" />
								</view>
							</view>
							<!-- 宕渣 -->
							<view class="red_line" v-if="redshow7">
								应小于等于总量
							</view>
						</view>
						<view class="items" style="flex-direction: column;">
							<view class="" style="display: flex;">
								<view class="field" :class="[checkop==1?'edit-field':'']" style="width: 392rpx;">
									其他(m³)
								</view>
								<view class="content" style="color: #363A44;">
									<input :enableNative="false" :value="detailmsg.otherEarthQuantity1" type="text"
										placeholder="0" @input="inputs5" :disabled="inputed" />
								</view>
								<view class="content" style="color: #363A44;">
									<input :enableNative="false" :value="detailmsg.otherEarthQuantity2" type="text"
										placeholder="0" @input="input_year5" :disabled="inputed" />
								</view>
							</view>

							<view class="red_line" v-if="redshow6">
								应小于等于总量
							</view>
						</view>
						<view class="items">
							<view class="field" style="width: 392rpx;color: #2F6AFF;">
								出土总量(m³)
							</view>
							<view class="content" style="margin-left: 20rpx;">
								{{detailmsg.allEarthQuantity1 || '0' }}
							</view>
							<view class="content">
								{{detailmsg.allEarthQuantity2 || '0' }}
							</view>
						</view>

						<view class="items">
							<view class="field image-wrape-box" style="width: 350rpx;">
								出土方量证明材料
								<view class="showpdf">
									<img class="pho" v-for="item in detailmsg.tenderList" :src="item || emp"
										@click="previewPic(item)" alt="">
								</view>
							</view>
						</view>


						<view class="Category_title">
							<view class="line"></view>单位信息
						</view>
						<view class="items">
							<view class="field">
								业主单位
							</view>
							<view class="content">
								{{detailmsg.ownerCompany.company || '暂无' }}
							</view>
						</view>
						<view class="items">
							<view class="field">
								统一信用代码
							</view>
							<view class="content">
								{{detailmsg.ownerCompany.unifiedCreditCode || '暂无' }}
							</view>
						</view>
						<view class="items">
							<view class="field">
								法人姓名
							</view>
							<view class="content">
								{{detailmsg.ownerCompany.legalPerson || '暂无' }}
							</view>
						</view>

						<view class="items">
							<view class="field image-wrape-box">
								营业执照
								<view class="showpdf">
									<img class="pho" v-for="item  in detailmsg.ownerCompany.businessLicense"
										:src="item || emp" @click="previewPic(item)">
								</view>
							</view>
						</view>
						<view class="items">
							<view class="field">
								建设单位
							</view>
							<view class="content">
								{{detailmsg.buildCompany.company || '暂无' }}
							</view>
						</view>
						<view class="items">
							<view class="field">
								统一信用代码
							</view>
							<view class="content">
								{{detailmsg.buildCompany.unifiedCreditCode || '暂无' }}
							</view>
						</view>
						<view class="items">
							<view class="field">
								法人姓名
							</view>
							<view class="content">
								{{detailmsg.buildCompany.legalPerson || '暂无' }}
							</view>
						</view>
						<view class="items">
							<view class="field image-wrape-box">
								营业执照
								<view class="showpdf">
									<img class="pho" v-for="item in detailmsg.buildCompany.businessLicense" :src="item"
										@click="previewPic(item)" alt="">
								</view>
							</view>
						</view>
						<view class="items">
							<view class="field">
								施工单位
							</view>
							<view class="content">
								{{detailmsg.constructionCompany.company || '暂无' }}
							</view>
						</view>
						<view class="items">
							<view class="field">
								统一信用代码
							</view>
							<view class="content">
								{{detailmsg.constructionCompany.unifiedCreditCode || '暂无' }}
							</view>
						</view>
						<view class="items">
							<view class="field">
								法人姓名
							</view>
							<view class="content">
								{{detailmsg.constructionCompany.legalPerson || '暂无' }}
							</view>
						</view>
						<view class="items">
							<view class="field">
								项目负责人
							</view>
							<view class="content">
								{{detailmsg.constructionCompany.chargePerson || '暂无' }}
							</view>
						</view>
						<view class="items">
							<view class="field">
								联系方式
							</view>
							<view class="content">
								{{detailmsg.constructionCompany.chargePersonNumber || '暂无' }}
							</view>
						</view>
						<view class="items">
							<view class="field image-wrape-box">
								营业执照
								<view class="showpdf ">
									<img class="pho" v-for="item in detailmsg.constructionCompany.businessLicense"
										:src="item || emp" @click="previewPic(item)">
								</view>
							</view>
						</view>
						<view class="items">
							<view class="field image-wrape-box">
								施工合同
								<view class="showpdf ">
									<img class="pho" v-for="item in detailmsg.constructionCompany.relatedContracts"
										:src="item || emp" @click="previewPic(item)">
								</view>
							</view>
						</view>
						<view class="Category_title">
							<view class="line"></view>附件信息
						</view>
						<view class="items" style="flex-direction: column;" v-for="(item,index) in nameList"
							:key="index">
							<view class="" style="display: flex;">
								<view class="field" :class="[checkop==1?'edit-field':'']" style="width: 400rpx;">
									{{item.name}}
								</view>
							</view>
							<file-upload :editFlag="checkop==1" :listType="index" :picUrlList="item.picList"
								@updateUrlList="updateUrlList"></file-upload>
						</view>
					</view>
				</swiper-item>
				<swiper-item class="swiper-item">
					<circullog :ids="idd" :nodeName='nodeName' v-if="tabCurrent==1"></circullog>
				</swiper-item>
			</swiper>
		</scroll-view>

		<!-- 画地图 -->
		<u-popup v-model="showmap" mode="bottom " :border-radius="border_radius" mask>
			<view class="pop" style="height: 950rpx;">
				<view class="title">
					<view class="" @click="showmap=false">
						取消
					</view>
					<view class="" style="color: #007AFF;" @click="comfirm">
						确认
					</view>
				</view>
				<view class="" style="margin:50rpx 20rpx 50rpx 20rpx ">
					sdfds
				</view>
			</view>
		</u-popup>

		<u-popup v-model="show" mode="bottom " :border-radius="border_radius" mask>
			<view class="pop">
				<view class="title">
					<view class="" @click="show=false">
						取消
					</view>
					<view class="">
						{{outorder==1 ? '不通过' :outorder== 2? '退单整改': outorder== 3? '通过': '审核' }}
					</view>
					<view v-if="buttontype==11" style="color: #007AFF;" @click="allocateout">
						确认
					</view>
					<view class="" v-else style="color: #007AFF;" @click="comfirm()">
						确认
					</view>
				</view>
				<view class="" style="margin:50rpx 20rpx 50rpx 20rpx ">
					<u-input v-if="outorder== 2" :enableNative="false" style="" v-model="type_value" :type="type"
						:border="border" :maxlength="500" :height="height" placeholder="请输入退单整改意见" />
					<u-input v-else-if="outorder== 1" :enableNative="false" style="" v-model="type_value" :type="type"
						:border="border" :maxlength="500" :height="height" placeholder="请输入不通过意见" />
					<u-input v-else-if="outorder== 3" :enableNative="false" style="" v-model="type_value" :type="type"
						:border="border" :maxlength="500" :height="height" placeholder="请输入通过意见" />
					<u-input v-else :enableNative="false" style="" v-model="type_value" :type="type" :border="border"
						:maxlength="500" :height="height" placeholder="请输入审核意见" />
				</view>
			</view>
		</u-popup>
		<!-- 审核通过弹窗 -->
		<u-popup v-model="showPass" mode="bottom " :border-radius="border_radius" mask>
			<view class="pop">
				<view class="title">
					<view class="" @click="showPass=false">
						取消
					</view>
					<view class="">
						通过
					</view>
					<view class="" style="color: #007AFF;" @click="onSure()">
						确认
					</view>
				</view>
				<view class="" style="margin:50rpx 20rpx 50rpx 20rpx ">
					<u-input :enableNative="false" style="" v-model="pass_value" :type="type" :border="border"
						:maxlength="500" :height="height" placeholder="请输入通过意见" />
				</view>
			</view>
		</u-popup>
		<u-popup v-model="showpart" mode="bottom " :border-radius="border_radius" mask>
			<view class="pop">
				<view class="title">
					<view class="" @click="showpart=false">
						取消
					</view>
					<!-- <view class="">
						{{buttontype==10 ? '请选择参与部门' :'分派处置' }}
					</view> -->
					<view class="" style="color: #007AFF;" @click="comfirm_part">
						确认
					</view>
				</view>
				<view class="checkbox-group" v-if="buttontype==10">
					<u-checkbox-group>
						<u-checkbox @change="checkboxChange" v-model="item.checked" v-for="(item, index) in list"
							shape="circle" size="45rpx" :key="index" :name="[item.orgId,item.orgName]">{{item.orgName}}
						</u-checkbox>
					</u-checkbox-group>
				</view>
				<view class="" style="margin:50rpx 20rpx 50rpx 20rpx " v-else>
					<u-input :enableNative="false" v-model="type_value" :type="type" :border="border" :height="height"
						placeholder="请填写审核意见" />
				</view>

			</view>
		</u-popup>
		<u-toast ref="uToast" />
		<view class="footer" v-if="cricul==0 && !finnished">
			<view class="">
				<button class="taketask" v-if="orderType == 0" type="default" @click="taketask">任务认领</button>
				<view class="footer" v-else>
					<!-- 1.是否通过 -->
					<view class="footer" v-if="buttontype==1">
						<button class="chuzhi" type="default" @click="canceltake">取消认领</button>
						<button class="chuzhi" type="default" @click="forward()">转发</button>
						<button class="chuzhi" type="default" @click="passout(1)">不通过</button>
						<button class="chuzhi" type="default" @click="passout(2)">退单整改</button>
						<!-- <button class="chuzhi" type="default" @click="passin">通过</button> -->
						<button class="chuzhi" type="default" @click="approved()">通过</button>
					</view>
					<view class="footer" v-else-if="buttontype==2">
						<button class="cancel" type="default" @click="passout(1)">不通过</button>
						<button class="confim" type="default" @click="forward()">转发</button>
						<button class="confim" type="default" @click="show=true">处置</button>
					</view>
					<view class="footer" v-else-if="buttontype==3">
						<button class="chuzhi" type="default" @click="canceltake">取消认领</button>
						<button class="chuzhi" type="default" @click="forward()">转发</button>
						<button class="chuzhi" type="default" @click="passout(1)">不通过</button>
						<button class="chuzhi" type="default" @click="passout(2)">退单整改</button>
						<!-- <button class="chuzhi" type="default" @click="comfirm">通过</button> -->
						<button class="chuzhi" type="default" @click="approved()">通过</button>
					</view>
					<view class="footer" v-else-if="buttontype==6">
						<button class="taketask" type="default" @click="passout(1)">不通过</button>
					</view>
					<view class="footer" v-else-if="buttontype==10">
						<button class="cancel" type="default" @click="passout(1)">不通过</button>
						<button class="confim" type="default" @click="forward()">转发</button>
						<button class="confim" type="default" @click="showpart=true">分派部门</button>
					</view>
					<view class="footer" v-else-if="buttontype==11">
						<button class="confim" type="default" @click="passout(1)">不通过</button>
						<button class="confim" type="default" @click="passout(2)">退单整改</button>
						<!-- <button class="confim" type="default" @click="comfirm_part">通过</button> -->
						<button class="confim" type="default" @click="approved()">通过</button>
					</view>
					<!-- 2.审核意见 -->
					<!-- <button class="taketask" type="default" @click="show=true">
						{{buttontype==1 ? '核验':buttontype==2?'处置' : buttontype==3 ? '审核' : buttontype==4 ? '转派': buttontype==10 ?'分派':'分派中'  }}
					</button> -->
				</view>
			</view>
		</view>

		<view class="">
			<u-calendar v-model="showcalendar" :mode="mode" @change='setTime' max-date="2099-01-01"></u-calendar>
		</view>
		<!-- 部门更改 -->
		<u-picker v-model="departmentShow" mode="selector" :default-selector="[0]" :range="departmentList"
			@confirm="updateDep" range-key="name"></u-picker>
		<!-- 转发人员 -->
		<appoint-task :recordId="id" :personShow="personShow" @appointTaskSuccess="appointTaskSuccess"
			@appointTaskCancel="appointTaskCancel"></appoint-task>
	</view>
</template>

<script>
	import {
		getOrderDetail,
		getWorkOrderLogs,
		getTakeTask,
		postOrderHandle,
		orgByNodeId,
		allocate,
		allocatedo,
		getPdf,
		detailById,
		postWithdraw,
		postOrderAudit,
		getTransferDepartment,
		getNextPersons,
		postOrderDispatch,
		postCheck,
		getMyList
	} from '@/pages/api/orderp/orderp.js'
	import {
		getByOrdersId,
		updatechutu
	} from '@/pages/api/report/orderp.js'
	import {
		uploadUrl
	} from '@/pages/api/report/helperOrderp.js'
	import {
		getQuerSign
	} from '@/api/indexApprove.js'
	import methodMix from '@/pages/index/approval/chutu/methodMix_chutu.js'
	import circullog from '@/pages/index/approval/circulLog/index'
	import fileUpload from '@/components/fileUpload/index.vue'
	import appointTask from '@/components/appointTask/index.vue'
	import mapView from '@/components/mapView/index.vue'
	import steps from '@/components/orderStep/orderStep.vue'
	import upload from '@/components/pretty-uploadFile/pretty-uploadFile.vue'
	export default {
		mixins: [methodMix],
		components: {
			circullog,
			steps,
			fileUpload,
			appointTask,
			mapView,
			upload
		},
		data() {
			const currentDate = this.getDate({
				format: true
			})
			return {
				picUrlList: [
					// 'https://wyc-store.oss-cn-shanghai.aliyuncs.com/deqing/zhatu/1628423927320jpg20210812175526643.jpeg',
					// 'https://wyc-store.oss-cn-shanghai.aliyuncs.com/deqing/zhatu/Screenshot_2021-08-09-08-55-04-49_ca6ee20236ea15ad01663c6ea4ca0bdbjpg20210812175425367.jpeg',
					// 'https://wyc-store.oss-cn-shanghai.aliyuncs.com/deqing/zhatu/IMG20210811230327jpg20210812175439910.jpeg',
				],
				nameList: [{
						name: '出口道路硬化',
						id: 'accessRoadSclerosis',
						picList: []
					},
					{
						name: '冲洗设备',
						id: 'flushingEquipment',
						picList: []
					},
					{
						name: '防尘降尘',
						id: 'dustControl',
						picList: []
					},
					{
						name: '土壤监测',
						id: 'soilMonitoring',
						picList: []
					},
					{
						// name: '视频/道闸监控',
						name: '视频监控',
						id: 'videoSurveillance',
						picList: []
					},
					{
						name: '其他',
						id: 'other',
						picList: []
					}
				],
				personShow: false, //转发人员弹窗
				departmentShow: false,
				personList: [{
						realName: '12',
						id: 0
					},
					{
						realName: '11',
						id: 0
					}
				], //人员列表
				id: '',
				detailList: {},
				formarr: [],
				getphotolist: [],
				chuzhiphotolist: [],
				circulList: [],
				types: ['新建', '核验', '处置', '审核', '转派', '上提', '不通过', '关闭'],
				orderColor: ["#418AEC", "#00B853", "#FF9F00", "#F55545", "#00D0CE", "#418AEC", "#8941EC"],
				chuzhiarr: [],
				show: false,
				showpart: false,
				showPass: false, //审核通过弹窗
				showmap: false,
				closeable: false,
				type: 'textarea',
				autoup: false,
				border: true,
				height: 240,
				type_value: '',
				pass_value: '', //审核通过意见
				border_radius: '30rpx',
				orderType: '',
				nodeId: '',
				list: [],
				activelist: [],
				flag: false,
				idd: '',
				buttontype: 0,
				list_1: [{
						name: '是',
						disabled: false
					},
					{
						name: '否',
						disabled: false
					}
				],
				outorder: 0,
				detailmsg: {},
				checkop: '',
				polyline: [],
				polygon: [],
				points: [],
				mapArea: 0,
				action: 'http://47.96.237.231:8085/zhatu/file/upload',
				form: {
					chukou: [],
					chongxi: [],
					fangchen: [],
					// dibang: [],
					shipin: [],
					qita: []
				},
				date: currentDate,
				date1: currentDate,
				showendTime: false,
				showstartTime: false,
				time: '2021-08-01',
				time1: '2021-08-01',
				showcalendar: false,
				mode: 'range',
				tabList: ['审核详情', '审核历史'],
				tabCurrent: 0,
				nodeName: '',
				cricul: 0,
				emp: 'https://wyc-store.oss-cn-shanghai.aliyuncs.com/deqing/zhatu/emp20210805114713397.png',
				numList: [{
						name: '提交申请'
					}, {
						name: '现场踏勘'
					}, {
						name: '部门审核'
					},
					{
						name: '渣土办审核'
					},
				],
				stepsnumber: 0,
				redshow1: false,
				redshow2: false,
				redshow3: false,
				redshow4: false,
				redshow5: false,
				redshow6: false,
				redshow7: false,
				polygons: [],
				center: [],
				departmentList: [{
						id: 1,
						name: '德清县水利局'
					},
					{
						id: 2,
						name: '德清县交通运输局'
					},
					{
						id: 3,
						name: '德清县建设局'
					},
					{
						id: 4,
						name: '德清县农业农村局'
					},
					{
						id: 5,
						name: '高新区规划建设局'
					}
				],
				finnished: false, //是否结束
				activeOrgName: [], //分配部门
			}
		},
		created() {
			uni.$on('SetFinnishPdf', param => {
				console.log('接收到pdf: ', param)
				this.$nextTick(() => {
					this.finnished = true
					this.$toast('pdf已生成')

					const timeout = setTimeout(()=>{
						clearTimeout(timeout)
						uni.navigateBack()
					},500)
				})
				// this.$set(this.detailmsg, 'finnished', true)
				// 如果是从通过进入则直接通过操作
				// if (param) {
				// 	updatechutu({
				// 		garbageDisposalForm: param,
				// 		id: this.detailmsg.id,
				// 	}).then(res => {
				// 		// this.$set(this.detailmsg, 'finnished', true)


				// 	})
				// }
			})
		},
		destroyed() {
			uni.$off('SetFinnishPdf');
		},
		onLoad(op) {
			this.id = op.id
			this.nodeId = op.nodeId
			this.flag = op.flag
			this.idd = op.idd
			this.checkop = op.checkop
			this.nodeName = op.nodeName
			this.cricul = op.currenttab
			this.stepsnumber = op.stepsnumber
			this.$store.state.path = 1
			this.$store.state.center = []
			// console.log('setphhhh', this.stepsnumber, op)
			console.log(this.activelist.length == 0)
			if (this.cricul == 1) {
				this.checkop = 'yishenhe'
			}
			console.log('历史不可修改', this.cricul, this.checkop, this.stepsnumber, this.idd)
		},
		onShow() {
			if (this.$store.state.path != 1) {
				// console.log(this.$store.state.path,'this.$store.state.path')
				let outArray2 = []
				this.$store.state.path.forEach((item, index) => {
					outArray2.push({
						longitude: item[0],
						latitude: item[1]
					})
				})
				this.polygons = [{
						// strokeColor: '#ff33ff80',
						strokeColor: "#FF33FF",
						strokeOpacity: 0.5,
						strokeWeight: 6,
						fillColor: '#1791fc80',
						points: outArray2
					}],
					this.center = this.$store.state.center
				this.mapArea = this.$store.state.polygonArea
				console.log(this.$store.state.path, 'this.$store.state.path')
				console.log(outArray2, 'outArray2')
				console.log(this.$store.state.center, 'this.$store.state.center')
			} else {
				if (this.detailmsg.fourArea && this.detailmsg.fourAreaCenterPoint) {
					this.polygons = this.initMapData(this.detailmsg.fourArea)
					this.center = this.detailmsg.fourAreaCenterPoint.split(',')
					this.mapArea = this.detailmsg.fourAreaCenterSize
				}
			}
		},
		mounted() {

			this.getolddetail()
			this.getdetail()
			console.log(this.detailmsg.accessRoadSclerosis)
			this.getcircul()

		},
		methods: {
			//上传文件dwg
			uploadFile(e) {
				console.log(e)
			},
			setTime(e) {
				console.log(e)
				this.time = e.startYear + '-' + e.startMonth + '-' + e.startDay
				this.time1 = e.endYear + '-' + e.endMonth + '-' + e.endDay
			},
			onchange(e) {
				const value = e.detail.value
				console.log(value)
			},
			onnodeclick(node) {
				console.log(node)
			},

		}
	}
</script>

<style lang="scss" scoped>
	.detail-ap {
		height: 100vh;
		width: 750rpx;
		display: flex;
		flex-direction: column;

		.swiper-item {
			overflow-y: auto;
		}

		.main {
			flex: 1;
			overflow: hidden;
			width: 750rpx;
			background-color: #F2F3F5;
			flex-direction: column;
			display: flex;
			// overflow-x: hidden;

			.mian-title {
				margin-top: 80rpx;
				padding: 32rpx;
				height: 196rpx;
				background-color: #FFFFFF;

				.xq_title {
					font-weight: 600;
					font-size: 40rpx;
					color: #363A44;
					margin-bottom: 24rpx;
				}

				.xq_type {
					font-size: 28rpx;
					color: #B5B7BA;
				}
			}

			.mian-content {
				flex: 1;
				height: 1rpx;
				overflow: hidden;
				overflow-y: auto;
			}

			.forms {
				// margin-top: 22rpx;
				padding: 26rpx 32rpx 26rpx 0rpx;
				width: 750rpx;
				background-color: #FFFFFF;
				border-radius: 10rpx;

				.Category_title {
					display: flex;
					font-weight: 600;
					font-size: 32rpx;
					color: #428FFC;
					height: 92rpx;
					background-color: #F6F7F8;
					line-height: 100rpx;
					padding-left: 32rpx;

					.line {
						height: 32rpx;
						margin: 32rpx 16rpx 0 0;
						width: 4rpx;
						background-color: #428FFC;
					}
				}

				.items {
					display: flex;
					padding: 26rpx 0 26rpx 0;
					font-size: 32rpx;
					margin-left: 32rpx;
					margin-right: 32rpx;
					border-bottom: 2rpx solid #E8E9EC;

					.image-wrape-box {
						width: 100% !important; //有图片的item

						.showpdf {
							width: 100% !important;
							height: unset !important;
							display: flex !important;
							justify-content: flex-start !important;
							border: unset !important;
							flex-wrap: wrap !important;

							image {
								margin-right: 20rpx !important;
								border: 0.5px solid rgb(232, 233, 236) !important;
								border-radius: 4rpx;
							}
						}
					}

					.field {
						width: 242rpx;
						color: #B3B5B9;
						margin-right: 8rpx;

						.showpdf {
							margin-top: 16rpx;
							height: 200rpx;
							width: 200rpx;
							border: 1rpx solid #E8E9EC;
							border-radius: 10rpx;
							display: flex;
							justify-content: center;
							align-items: center;
							position: relative;

							.pho {
								height: 200rpx;
								width: 200rpx;
							}

							.pdf {

								height: 128rpx;
								width: 104rpx;
							}

							.delete-icon {
								width: 30rpx;
								height: 30rpx;
								position: absolute;
								top: 0;
								right: 0;
								background: url(/static/delete-icon.png) no-repeat;
								background-size: 100% 100%;
							}
						}
					}

					.edit-field {
						color: rgb(54, 58, 68);
					}

					.content {
						width: 440rpx;
						color: #B3B5B9;
						// color: #363A44;
					}
				}

				.map-panel {
					width: 100%;
					height: 500rpx;
				}

				.line {
					height: 5rpx;
					background-color: #F2F3F5;
				}
			}

			.circul {
				display: flex;
				margin-left: 22rpx;
				margin-bottom: 40rpx;
				width: 750rpx;

				.type {
					margin-top: 22rpx;
					height: 50rpx;
					width: 50rpx;
					background-color: #2979FF;
					color: #FFFFFF;
					font-size: 31rpx;
					border-radius: 50%;
					text-align: center;
					line-height: 50rpx;
				}

				.circul_content {
					padding: 22rpx;
					margin-left: 22rpx;
					background-color: #FFFFFF;
					width: 588rpx;
					border-radius: 10rpx;

					.circul_field {
						margin-top: 22rpx;
					}
				}
			}
		}

		.footer {
			display: flex;
			justify-content: center;

			width: 750rpx;
			height: 128rpx;
			background-color: #FFFFFF;

			box-shadow: 2rpx 0 6rpx rgba(0, 0, 0, .12), 0 0 6rpx rgba(0, 0, 0, .04);

			.heyan {
				height: 87rpx;
				width: 120rpx;
				border: 1rpx solid #428FFC;
				border-radius: 20rpx;
				font-size: 25rpx;
				color: #FFFFFF;
				background-color: #428FFC;
				margin-top: 14rpx;
				// margin-right: 5rpx;
				margin-left: 12rpx;
			}

			.chuzhi {
				height: 87rpx;
				width: 170rpx;
				border: 1rpx solid #428FFC;
				border-radius: 20rpx;
				font-size: 25rpx;
				color: #FFFFFF;
				background-color: #428FFC;
				margin-top: 14rpx;
				// margin-right: 5rpx;
				margin-left: 12rpx;
			}

			.cancel {
				height: 87rpx;
				width: 339rpx;
				font-size: 29rpx;
				border: 1rpx solid #428FFC;
				border-radius: 50rpx;
				color: #428FFC;
				margin-top: 14rpx;
				// margin-left: 32rpx;
			}

			.confim {
				height: 87rpx;
				width: 339rpx;
				font-size: 29rpx;
				border: 1rpx solid #428FFC;
				border-radius: 50rpx;
				background-color: #428FFC;
				color: #FFFFFF;
				margin-top: 14rpx;
				margin-left: 16rpx;
			}

			.taketask {
				height: 87rpx;
				width: 692rpx;
				line-height: 87rpx;
				border: 1rpx solid #428FFC;
				border-radius: 50rpx;
				background-color: #428FFC;
				color: #FFFFFF;
				margin-top: 14rpx;
			}
		}
	}

	.pop {
		height: 750rpx;
		border-radius: 20rpx;

		.pop_title {
			color: #363A44;
			font-size: 32rpx;
			padding: 40rpx 0 32rpx 32rpx;
			border-bottom: 1rpx solid #EFEFEF;
		}

		.title {
			padding: 20rpx;
			display: flex;
			justify-content: space-between;
		}

		.checkbox-group {
			padding: 20rpx;
		}
	}

	#navi_map {
		height: 550rpx;
	}

	.map_box {
		height: 550rpx;
	}

	img {
		height: 116rpx;
		width: 116rpx;
	}

	.tabList {
		height: 80rpx;
		width: 750rpx;
		z-index: 99;
		position: fixed;
		top: 0rpx;
		background-color: #FFFFFF;
		border-bottom: .5rpx solid #DBDBDB;
	}

	.arrow {
		margin-left: 50rpx;
		height: 30rpx;
		width: 30rpx;
	}

	.red_line {
		font-size: 20rpx;
		color: red;
		margin-left: 420rpx;
	}

	.person-list-panel {
		// min-height: 400rpx;
	}
</style>
